<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<c:set var="ctxStatic" value="${pageContext.request.contextPath}/static" />
<!DOCTYPE html>
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > 
    <title>兑换二维码</title> 
    <meta name="viewport" content="height = device-height, width=device-width, initial-scale=1, user-scalable=no">
    <link href="${ctxStatic}/jqmobile/jquery.mobile-1.4.3/jquery.mobile-1.4.3.min.css" rel="stylesheet"> 
    	<link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-base.css">
        <link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-box.css">
        <link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-color.css">
		<link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-res.css">
		<link rel="stylesheet" href="${ctxStatic}/kaka/css/ui-style.css">
		<link rel="stylesheet" href="${ctxStatic}/kaka/css/layout.css">
    
	<script src="${ctxStatic}/jquery/1.11.1/jquery-1.11.1.min.js"></script>
	<script src="${ctxStatic}/jqmobile/jquery.mobile-1.4.3/jquery.mobile-1.4.3.min.js"></script>
<!-- <script type="text/javascript">
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
	WeixinJSBridge.call('hideOptionMenu');
	});
document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
	WeixinJSBridge.call('showToolbar');
	});
</script> -->		
</head>
<body class="um-vp bg-white" ontouchstart>
<div data-role="page" data-theme="none">
        <div id="page_0" class="up ub ub-ver "   tabindex="0">
            <!--header开始-->
			<div id="header" class="uh c-m3 t-wh headerbg">
                <h1 class="hbg ulev0 ut-s tx-c headerPo" tabindex="0"><a class="btnBack" href="${ctx}/shopIndex/${shopid}-${openid}" data-ajax="false"></a><span   id="headtitle">${shop.shop_name}</span><a href="" class="textReport"></a></h1>
            </div>
			<!--content开始-->
            <div id="content" class="contentC">
            	<div class="shopView borderBottom">
                	<a href="">
                	<c:choose>
                	<c:when test="${shop.head_image eq null  or shop.head_image eq '无'}">
                	<div class="shopPic"><img src="${ctx}/images/logo_kaka.png"></div>
                	</c:when>
                	<c:otherwise>
                		<div class="shopPic"><img src="${serverUrl}${shop.head_image}"></div>
                		</c:otherwise>
                	</c:choose>	
						<div class="shopInfo">
							<ul class="infoList">
								<li class="tittle">${shop.shop_name}<c:if test="${shop.shop_name eq null}">无</c:if></li>
								<li class="text_info">${shop.address}<c:if test="${shop.address eq null}">无</c:if></li>
							</ul>
						</div></a>
                </div>
			   <div class="shopScan" style="text-align: center;">
			   	<div class="clear10"></div>
				 <div class="noticeCode"> ${rule.point_count}卡点兑换${rule.exchange_content}</div>
				 <div class="codePic"><img src="${ctx}/images/${code }.jpg"></div>
				 <div class="noticeCode"> 请及时将二维码交给店铺扫描兑换</div>
				 <div class="noticeCode">本次请求还可以保留<span class="textBlue fzA"><c:if test="${day ne null && day ne '0'}">${day}天</c:if><c:if test="${(day eq null || day eq '0') && hour ne null && hour ne '0'}">${hour}小时</c:if><c:if test="${(day eq null || day eq '0') && (hour eq null || hour eq '0') && min ne null && min ne '0'}">${min}分钟</c:if></span>，请及时兑换！</div>
				 <div class="clear10"></div>
				  <div class="nBar">如果在兑换前，店铺改变或取消本次兑换</div>
                  <div class="nBar">规则，本次申请将失效，卡点退回您账户。</div>
				  <div class="clear30"></div>
			   </div>
			   <div class="btnArea">
					<a class="btnSure" href="${ctx}/exchangeSureCancel/${openid}-${shopid}-${logid}" data-ajax="false">撤&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销</a>
				</div>
				<div class="clear30"></div>
            </div>
            <!--content结束-->
			<!--footer开始-->
            <div id="footer" class="uf c-m2 c-bla t-wh">
            </div>
            <!--footer结束-->
        </div>

</div>
</body> 
</html>